<template>
	<div class="nick-name">
		<van-nav-bar
		  title="昵称"
		  left-text="取消"
		  right-text="确定"
		  left-arrow
		  @click-left="$emit('close')"
		  @click-right="$emit('confirm', {name:'name',inputName: inputName})"
		/>
		<div class="intro-wrap-wrap">
			 <van-field 
				v-model="inputName" 
				type="textarea"
				placeholder="请输入昵称"
				show-word-limit
				maxlength="7"
				autosize
				rows="2"
			 />
		</div>
	</div>
</template>

<script>
	
	export default {
		data(){
			return {
				inputName:this.value
			}
		},
		props:{
			value:{
				type:String,
				default:''
			}
		},
		
		methods:{
			
		}
	}
</script>

<style scoped lang="less">
	.intro-wrap-wrap{
		padding:10px;
	}
</style>
